<template>
  <div class="out">
    <div class="head">
      <span>转出账户</span>
      <img @click="close" src="@/assets/hx.png" alt />
    </div>
    <div class="list">
      <div class="block" v-for="item in out" :key="item.id" @click="outName(item.bz)">
        <div class="one">
          <img src="../../assets/b_yuan.png" alt />
          <span>{{item.bz}}</span>
        </div>
        <div class="two">
          <p class="hh1">0.00000000</p>
          <p class="hh2">可用USDT</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      out: [
        { bz: "充值提现到账" },
        { bz: "币币账户" },
        { bz: "OTC账户" },
        { bz: "OTC账户" }
      ]
    };
  },

  created: function() {},
  mounted() {},
  methods: {
    close() {
      this.$router.back(-1);
    },
    outName(bz) {
      //获取点击对象
      console.log(bz);
      this.$store.commit("outName", bz);
      this.$router.push("/transfer");
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.f-flex {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}
.out {
  .head {
    height: 1.346667rem;
    background: #fff;
    .f-flex();
    padding-left: 0.613333rem;
    padding-right: 0.613333rem;
    justify-content: space-between;
    box-shadow: 0px 2px 1px 0px rgba(36, 36, 36, 0.26);
    opacity: 0.96;
    span {
      font-size: 0.4rem;
      color: #000;
      font-weight: bold !important;
    }
    img {
      width: 0.4rem;
      height: auto;
    }
  }
  .list {
    .block {
      height: 1.226667rem;
      width: 9.386667rem;
      margin: auto;
      margin-top: 0.426667rem;
      border-radius: 0.066667rem;
      background: #fff;
      box-shadow: 0px 2px 1px 0px rgba(36, 36, 36, 0.26);
      opacity: 0.96;
      .f-flex();
      justify-content: space-between;
      .one {
        padding-left: 0.266667rem;
        .f-flex();
        img {
          width: 0.213333rem;
          height: 0.213333rem;
          margin-right: 0.266667rem;
        }
        span {
          color: #000;
        }
      }
      .two {
        padding-right: 0.266667rem;
        .f-flex();
        flex-direction: column;
        .hh1 {
          color: #000;
        }
        .hh2 {
          color: #aaaaaa;
          font-size: 0.24rem;
          margin-top: .08rem;
        }
      }
    }
  }
}
</style>

